body {
    min-width: 320px;
    width: 10rem;
    margin: 0 auto;
    line-height: 1.5;
    font-family: Arial,Helvetica;
    background: #f9f9f9;
    // max-width: 750px;
  }
  .w {
    width: 9.173333rem;
    margin: 0 auto;
  }
  header {
    width: 100%;
    height:1.28rem;
    background-image:linear-gradient(180deg,#f24c59 0%,#f28c4c 100%);
   
    .header {
      height: 100%;
      text-align: center;
      color:#ffffff;
      font-size:.533333rem;
      line-height:1.28rem;
      font-weight: 600;
      position: relative;
      img {
        position: absolute;
       left: 0;
       top:.4rem;
        width: .293333rem;
        height: .533333rem;
      }
    }
  }
  .jg {
    height: 3.653333rem;
    text-align: center;
    color: #f23a3a;
    overflow: hidden;
    p {
      margin-top: 1.6rem;
      font-weight:600;
      color:#f23a3a;
      font-size:.48rem;
      &:nth-child(2) {
        font-weight: normal;
        font-size: .32rem;
        margin: 0;
      }
    }
   }

   .afford {
     height: 3.2rem;
     background:#fff;
     border-radius: .266667rem;
     .afford-1 {
       width: 100%;
       height: 1.6rem;
       display: flex;
       align-items: center;
       img {
         width: .8rem;
         height: .8rem;
       }
       .afford-2 {
         width:8.4rem;
         height: 100%;
         border-bottom: .026667rem solid #ededed;
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding: 0 .266667rem 0 .133333rem;
         box-sizing: border-box;
         position: relative;
         p {
          font-weight:600;
          color:#202020;
          font-size:.373333rem;
         }
         input {
          width:.533333rem;
          height:.533333rem;
          background-color:#f2f2f2;
         
         }
         img {
           position: absolute;
           width: .533333rem;
           height: .533333rem;
           right: .266667rem;
           top: .533333rem;
         }
       }
     }
   }
   .affords {
     height: 5.2rem;
     background-color:#fff;
     border-radius: .266667rem;
     margin-top: .266667rem;
     .affords1 {
       width: 100%;
       height: 1.6rem;
       display: flex;
       align-items: center;
       img {
         width: .8rem;
         height: .8rem;
       }
       .affords2 {
         height: 100%;
         width: 8.4rem;
         display: flex;
         justify-content: space-between;
         border-bottom: .026667rem solid #ededed;
         align-items: center;
         padding: 0 .266667rem 0 .133333rem;
         box-sizing: border-box;
         p {
          font-weight:600;
          color:#202020;
          font-size:.373333rem;
         }
         input {
           width: .533333rem;
           height: .533333rem;
         }
       }
     }
   }
   footer {
     width: 100%;
     height: 1.6rem;
     position: fixed;
     bottom: 0;
     left: 0;
     background-color:#ffffff;
     box-shadow:0px .026667rem 0px #e5e5e5 inset;
     padding-top: .133333rem;
     box-sizing: border-box;
     button {
       display: block;
       height: 1.333333rem;
       text-align: center;
       line-height: 1.333333rem;
       font-weight:600;
       color:#ffffff;
       font-size:.426667rem;
       background-color: #ff6200;
       border: 0;
       border-radius: 1.066667rem;
     }
   }